/******************************************
 Widget (Oval button vertical html links)

<div id="menu">
  <dl id="mainmenu">
    <dt class="current">
      <a href="/"><span>Home</span></a>
    </dt>
    <dt>
      <a href="/australian-tourism/"><span>Australian Tourism</span></a>
    </dt>
    <dt>
      <a href="/tourist-information/"><span>Tourist Information</span></a>
    </dt>
  </dl>
</div>
--------------------------------------- **/

#nav {
	width: 158px;
	float: left;
	padding: 0;
	margin: 0;
}

/********** Menu *********/

#menu {
	width: 158px;
	padding: 0;
	margin: 0;
}


#menufoot {
	background-image: url("images/menu_footer.jpg");
	background-repeat: no-repeat;
	height: 81px;
	width: 158px;
}

#vmenu {
	text-align: left;
	width: 158px;
}
#vmenu dt {margin: 0;
	width: 158px;
	display: block;
	line-height: 1.5em;
	text-decoration: none;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	background-color: #a0281e;
	border-top: 1px solid #bc554c;
	border-bottom: 1px solid #851e15;
}
#vmenu dt a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 148px;
	border: 0 none;
	padding: 0.3em 0 0.3em 10px;
	font-weight: bold;
	background-image: url("images/menu_bullet.gif");
	background-repeat: no-repeat;
	background-position: .25em .8em;
}
*html #vmenu dt a {
	display: block;
	width: 158px;
}
#vmenu dt a:hover{
	background: #be8500;
	color: #000000;
	display: block;
	width: 148px;
	background-image: url("images/menu_bullet.gif");
	background-repeat: no-repeat;
	background-position: .25em .8em;
}
*html #vmenu dt a:hover{
	display: block;
	width: 158px;
}

#vmenu dd ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#vmenu dd li  {
	padding: 0;
	margin: 0;
	list-style: none;
}

#vmenu dd li {
	margin: 0;
	width: 158px;
	display: block;
	line-height: 1.5em;
	text-decoration: none;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	background-color: #7e180f;
	border-top: 1px solid #962920;
	border-bottom: 1px solid #6c160e;
}
#vmenu dd li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 140px;
	border: 0 none;
	padding: 0.3em 0 0.3em 18px;
	font-weight: bold;
	background-image: url("images/menu_bullet_sub.gif");
	background-repeat: no-repeat;
	background-position: .9em .8em;
}
*html #vmenu dd li a {
	display: block;
	width: 158px;
}
#vmenu dd li a:hover{
	background-color: #be8500;
	color: #000000;
	display: block;
	width: 140px;
	background-image: url("images/menu_bullet_sub.gif");
	background-repeat: no-repeat;
	background-position: .9em .8em;
}
*html #vmenu dd li a:hover{
	display: block;
	width: 158px;
}

#vmenu dt.current {
	margin: 0;
	width: 158px;
	display: block;
	line-height: 1.5em;
	text-decoration: none;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	background-color: #f1e8dd;
	border-top: 1px solid #f1e8dd;
	border-bottom: 1px solid #f1e8dd;
}
#vmenu dt.current a {
	color: #7b130b;
	text-decoration: none;
	display: block;
	width: 148px;
	border: 0 none;
	padding: 0.3em 0 0.3em 10px;
	font-weight: bold;
	background-image: url("images/menu_bullet_current.gif");
	background-repeat: no-repeat;
	background-position: .1em .8em;
}
*html #vmenu dt.current a {
	display: block;
	width: 158px;
}
#vmenu dt.current a:hover {
	display: block;
	width: 148px;
	background-color: #f1e8dd;
	color: #946800;
	background-image: url("images/menu_bullet_current.gif");
	background-repeat: no-repeat;
	background-position: .1em .8em;
}
*html #vmenu dt.current a:hover {
	display: block;
	width: 158px;
}


#vmenu dd li.current {
	margin: 0;
	width: 158px;
	display: block;
	line-height: 1.5em;
	text-decoration: none;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	background-color: #f1e8dd;
	border-top: 1px solid #f1e8dd;
	border-bottom: 1px solid #f1e8dd;
}
#vmenu dd li.current a {
	color: #7b130b;
	text-decoration: none;
	display: block;
	width: 140px;
	border: 0 none;
	padding: 0.3em 0 0.3em 18px;
	font-weight: bold;
	background-image: url("images/menu_bullet_current.gif");
	background-repeat: no-repeat;
	background-position: .1em .8em;
}
*html #vmenu dd li.current a {
	display: block;
	width: 158px;
}
#vmenu dd li.current a:hover {
	display: block;
	width: 140px;
	background-color: #f1e8dd;
	color: #946800;
	background-image: url("images/menu_bullet_current.gif");
	background-repeat: no-repeat;
	background-position: .1em .8em;
}
*html #vmenu dd li.current a:hover {
	display: block;
	width: 158px;
}

a:focus {
      outline: 0;
}

